﻿<!DOCTYPE html>
<html>
<head>
    <title>JS Conditional Exercise 4</title>
    <link href="styles/js-console.css" rel="stylesheet" />
</head>
<body>
    <h1>Sorts 3 real values in descending order</h1>
    <div>
        <label for="num1">Number 1:</label>
        <input type="number" id="num1" />
        <label for="num2">Number 2:</label>
        <input type="number" id="num2" />
        <label for="num3">Number 3:</label>
        <input type="number" id="num3" />
        <button onclick="execute()">Execute</button>
    </div>
    <div id="js-console"></div>
    <script src="scripts/js-console.js"></script>
    <script>
        function execute()
        {
            var num1 = jsConsole.readFloat("#num1");
            var num2 = jsConsole.readFloat("#num2");
            var num3 = jsConsole.readFloat("#num3");
            var temp;

            // 3 2 1
            // 3 1 2
            // 2 1 3
            // 2 3 1
            // 1 2 3
            // 1 3 2
            if (num1 > num2)
            {
                // 3 2 1
                // 3 1 2
                // 2 1 3
                if (num1 > num3)
                {
                    // 3 2 1
                    // 3 1 2
                    if (num2 < num3)
                    {
                        // 3 1 2
                        temp = num3;
                        num3 = num2;
                        num2 = temp;
                        // 3 2 1 - sorted
                    }
                    else
                    {
                        // 3 2 1 - sorted
                    }
                }
                else
                {
                    // 2 1 3
                    temp = num1;
                    num1 = num3;
                    num3 = temp;
                    // 3 1 2
                    temp = num3;
                    num3 = num2;
                    num2 = temp;
                    // 3 2 1 - sorted
                }
            }
            else
            {
                // 2 3 1
                // 1 2 3
                // 1 3 2
                if (num2 > num3)
                {
                    // 1 3 2
                    // 2 3 1
                    temp = num1;
                    num1 = num2;
                    num2 = temp;
                    // 3 1 2
                    // 3 2 1

                    if (num2 < num3)
                    {
                        // 3 1 2
                        temp = num3;
                        num3 = num2;
                        num2 = temp;
                        // 3 2 1 - sorted
                    }
                    else
                    {
                        // 3 2 1 -sorted
                    }
                }
                else
                {
                    // 1 2 3
                    temp = num1;
                    num1 = num3;
                    num3 = temp;
                    // 3 2 1 - sorted
                }
            }

            jsConsole.writeLine("Sorted values: " + num1 + ", " + num2 + ", " + num3)
        }
    </script>
</body>
</html>
